<script setup lang="ts">
import { ref } from 'vue'

const username = ref('')
const password = ref('')

// 点击登录 获取输入的用户名和密码
const login = () => {
  alert(username.value + '___' + password.value)
 }
// 点击重置，清空输入的内容和密码
const reset = () => {
  username.value = ''
  password.value = ''
 }
</script>

<template>
  <div id="app">
    账户：<input type="text" v-model="username" /> <br /><br />
    密码：<input type="password" v-model="password" /> <br /><br />
    <button @click="login">登录</button>
    <!-- template中 ref 可以省略 value 不写
        vue帮我们做的事情，让我们可以偷懒 
    -->
    <button @click="reset">重置</button>
  </div>
</template>

<style></style>
